<template>
	<view style="display: flex;align-items: center;padding: 5px 10px;">
		<view style="width: 53.89221px;height: 45px;">
			<u--image :duration="200" radius="5" :showLoading="true" src="../../static/filetype/morenwenjianjia.png"
				width="53.89221px" height="45px"></u--image>
		</view>
		<view style="margin-left: 5px;">
			<p style="display: flex;align-items: center;">
				<u-tag text="置顶" v-if="item.top>0" size="mini" type="success" style="margin-right: 2px;" />
				<u--text lines="1" :text="item.title" size="16"></u--text>
			</p>
			<p style="display: flex;align-items: center;margin-top: 2px;">
				<uni-icons v-if="item.password_mode" type="locked-filled" size="20" color="#85bcff" />
				<span style="font-size: 12px;">{{$u.timeFrom(new Date(item.time).getTime(),false)}}
					{{item.ip}}次浏览</span>
			</p>
		</view>
		<view style="flex: 1;display: flex;align-items: center;justify-content: flex-end;">
			<slot></slot>
		</view>
	</view>
</template>
<script>
	export default {
		name: "item_file",
		props: ['item']
	}
</script>